<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿易迅首页</title>
	<link rel="stylesheet" href="main.css">
	<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<!-- 顶部开始 -->
	<div class="top">
		<div class="top-mid">
			<div class="top-left">
				<a href="">京东</a>
				<span>|</span>
				<a href="" class="yixun">易迅</a>
			</div>
			<div class="top-right">
			    <div class="letter"></div>
			   	<a href="" class="massage">消息</a><span>|</span>
			    <div class="menu">
					<li class="qq"><a href="" >QQ快速登录</a></li>
					<li class="separate"></li>
					<li class="on"><a href="">登录</a></li>
					<li class="separate"></li>
					<li class="car"><a href="" >
						<p class="jiao"></p>
						<span>购物车<span class="zero">0</span>件</span>
						<p class="jiao1"></p>
						<p class="jiao2"></p>
						</a>
						<div class="mycart">
							<div class="mycart-mid">
								<p>您的购物车是空的</p>
								<p>如您已添加商品，请<a href="">登录</a>查看</p>
							</div>
						</div>
					</li>
					<li class="separate"></li>
					<li class="order">
						<a href="" >我的订单</a>
						<p class="jiao1"></p>
						<div class="myorder">
							<div class="myorder-mid">
								<p><a href="">登录</a> 后查看最近的订单信息</p>
							</div>
						</div>
					</li>
					<li class="separate"></li>
					<li class="mine"><a href="" >我的易迅</a></li>
					<li class="separate"></li>
					<li class="phone"><a href="">手机易迅</a>
						<p class="jiao1"></p>
						<div class="phone-ma">
							<div class="ma1">
								<a href="">
									<p></p>
								</a>
							</div>
							<div class="ma2">
								<a href="">
									<p></p>
									<span>最新活动</span>
									<span>每周热销尽在掌握</span>
								</a>
							</div>
						</div>
					</li>
				</div>		
			</div>
		</div>	
	</div>
	<!-- 顶部结束 -->
<!-- 	头部开始 -->
	<div class="head">
		<div class="head-mid"> 
			<a href=""><img src="./images/logo.png" alt="" width="265px" height="35px"></a>
			<div class="head-search">
				<div class="search-left">
					<input  placeholder="这里可以找文章哦" type="text">
				</div>
				<a class="search-right" href=""></a>
			</div>
			<a class="head-contribute" href=""></a>
		</div>
	</div>
	<!-- 头部结束 -->
	<!-- 主体开始 -->
	<div class="main">
		<div class="main-menu">
			<div class="menu-list">
				<li class="list1"><a href="">全部</a></li>
				<li><a href="">晒物评测</a></li>
				<li><a href="">优惠导购</a></li>
				<li><a href="">发现资讯</a></li>
				<li class="list2"><a href="">生活记录</a><p>|</p></li>
				<li class="list3"><a class="more" href="">内容分布</a>
					<a class="jiao" href=""></a>
					<div class="content-list">
					<ul class="list-item">
						<li><a href="">全部</a></li>
						<li><a href="">手机平板</a></li>
						<li><a href="">摄影摄像</a></li>
						<li><a href="">耳机音箱</a></li>
						<li><a href="">智能设备</a></li>
						<li><a href="">模玩乐器</a></li>
						<li><a href="">电脑配件</a></li>
						<li><a href="">办公设备</a></li>
						<li><a href="">网络设备</a></li>
						<li><a href="">游戏装备</a></li>
						<li><a href="">HIFI影音</a></li>
						<li><a href="">大家电</a></li>
						<li><a href="">生活小电</a></li>
						<li><a href="">个护健康</a></li>
						<li><a href="">厨房电器</a></li>
						<li><a href="">汽车用品</a></li>
						<li><a href="">钟表</a></li>
						<li><a href="">其他</a></li>
						<p class="icon-cur"></p>
					</ul>
					</div>
					</li>
				<li class="list4"><a class="more" href="">更多</a>
					<a class="jiao" href=""></a>
					<div class="list4-inner">
						<ul class="inner-item">
							<li><a href="">易点生活</a></li>
							<li><a href="">话题活动</a></li>
							<li><a href="">新品众测</a></li>
							<p class="icon-angle"></p>
						</ul>
					</div>
				</li>
			</div>
		</div>
		<div class="main-mid">
			<div class="main-banner">
				<div class="banner-left">
					<ul class="banner-img">
						<li class="yixun-img"><a href=""><img src="./images/main1.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main2.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main3.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main4.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main5.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main6.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main7.png" alt=""></a></li>
						<li class="yixun-img"><a href=""><img src="./images/main8.png" alt=""></a></li>
					</ul>
					<div class="arrow-left"></div>
					<div class="arrow-right"></div>
					<ul class="banner-click">
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
						<li class="click-button"></li>
					</ul>
				</div>
				<div class="banner-right">
					<ul class="pic">
						<li class="pic1">
							<ul class="pic1-zuo">
								<li class="pic1-img"><a href=""><img src="./images/right1.jpeg" alt=""></a></li>
								<li class="pic2-img"><a href=""><img src="./images/right2.jpeg" alt=""></a></li>
								<li class="pic3-img"><a href=""><img src="./images/right3.jpeg" alt=""></a></li>
							</ul>
							<p class="arrow-zuo"></p>
							<p class="arrow-you"></p>
							<ul class="pic1-click">
								<li class="pic1-button"></li>
								<li class="pic1-button"></li>
								<li class="pic1-button"></li>
							</ul>
						</li>
						<li class="pic4"><a href=""><img src="./images/right4.jpeg" alt="" ></a></li>
						<li class="pic5"><a href=""><img src="./images/right5.jpeg" alt=""></a></li>
						<li class="pic6"><a href=""><img src="./images/right6.jpeg" alt=""></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main-category">
			<ul class="category-all">
				<li  class="category-last"><a href=""><img src="./images/category1.jpeg" alt=""></a></li>
				<li><a href=""><img src="./images/category2.jpeg" alt=""></a></li>
				<li><a href=""><img src="./images/category3.jpeg" alt=""></a></li>
				<li><a href=""><img src="./images/category4.jpeg" alt=""></a></li>
				<li><a href=""><img src="./images/category5.jpeg" alt=""></a></li>
				<li><a href=""><img src="./images/category6.jpeg" alt=""></a></li>
				<div class="arrow-right"></div>
			</ul>
		</div>
		<div class="main-content">
			<div class="content-title"><p>易迅逛逛</p></div>
			<div class="content-item">
				<div class="item-left">
					<div class="left-up">
						<div class="up-zuo">
							<a href=""><img src="./images/content1.jpeg" alt=""></a>
						</div>
						<div class="up-banner">
							<ul class="banner-pic">
								<li class="inner-pic"><a href=""><img src="./images/content2.jpeg" alt=""></a></li>
								<li class="inner-pic"><a href=""><img src="./images/content3.jpeg" alt=""></a></li>
								<li class="inner-pic"><a href=""><img src="./images/content4.jpeg" alt=""></a></li>
							</ul>
							<ul class="banner-click">
								<li class="click-button"></li>
								<li class="click-button"></li>
								<li class="click-button"></li>
							</ul>	
						</div>
					</div>
					<div class="left-down">
						<div class="down-zuo">
							<a href=""><img src="./images/content5.jpeg" alt=""></a>
						</div>
						<div class="down-zhong">
							<div class="zhong-shang">
								<a href=""><img src="./images/content7.jpeg" alt=""></a>
							</div>
							<div class="zhong-xia">
								<a href=""><img src="./images/content8.jpeg" alt=""></a>
							</div>
						</div>
						<div class="down-you">
							<a href=""><img src="./images/content6.jpeg" alt=""></a>
						</div>
					</div>
				</div>
				<div class="item-right">
					<div class="right-up"><a href=""><img src="./images/content9.jpeg" alt=""></a></div>
					<div class="right-down"><a href=""><img src="./images/content10.jpeg" alt=""></a></div>
				</div>
			</div>
			<div class="content-caption">
			<p>今日推荐</p>
			<img src="./images/recommend1.png" alt="">
			</div>	
			<div class="content-recommend">
				<div class="recommend-left">
					<div class="left-content">
						<a href=""><img src="./images/recommend2.jpeg" alt="" width="168px" height="168px"></a>
						<a class="content-up" href="">晒好物|大人的“玩具”才是真玩具！</a>
						<a class="content-down" href="">一年一度的儿童节快要到了，那么作为成年人的你，在会给自己买哪些玩具？欢迎来晒图告诉我们，你拥有那些玩具。</a>
						<p></p>
					</div>
					<div class="left-pic">
						<a href=""><img src="./images/recommend3.jpeg" alt=""></a>
						<a class="pic-up" href=""><p>优秀原创</p></a>
						<a class="pic-down" href=""><p>教你拍出创意的毕业照</p></a>
					</div>
				</div>
				<div class="recommend-right">
				<a href=""><img src="./images/recommend4.png" alt=""></a>
				</div>
			</div>
		</div>
	</div>
	<div class="original">
		<div class="original-mid">
			<ul class="mid-list">
				<li class="list-banner1"><a href=""><img src="./images/original1.jpeg" alt=""></a></li>
				<li class="list-banner2"><a href=""><img src="./images/original2.jpeg" alt=""></a>
				<a class="banner2-txt" href="">首届“易迅杯”银河战甲亲子赛16年6月线下活动招募</a>
				<p>
					<a class="banner2-pic" href=""><img src="./images/original1.gif" alt="">老司机</a>
					<span class="banner2-code">
						<a class="comment" href="">12</a>
						<a class="zan" href="">4</a>
					</span>
				</p>
				<a href=""><p class="banner2-activity">话题活动</p></a>
				</li>
				<li class="list-banner2"><a href=""><img src="./images/original3.jpeg" alt=""></a>
				<a class="banner2-txt" href="">出门后，居然是Ta在悄悄地偷我家的电！</a>
				<p>
					<a class="banner2-pic" href=""><img src="./images/original2.gif" alt="">Shadow魅影</a>
					<span class="banner2-code">
						<a class="comment" href="">26</a>
						<a class="zan" href="">24</a>
					</span>
				</p>
				<a href=""><p class="banner2-activity">生活记录</p></a>
				</li>
				<li class="list-banner2"><a href=""><img src="./images/original4.jpeg" alt=""></a>
				<a class="banner2-txt" href="">千元机配置提升 中高端手机还值得购买么？</a>
				<p>
					<a class="banner2-pic" href=""><img src="./images/original3.gif" alt="">fupy</a>
					<span class="banner2-code">
						<a class="comment" href="">13</a>
						<a class="zan" href="">2</a>
					</span>
				</p>
				<a href=""><p class="banner2-activity">生活记录</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original5.jpeg" alt=""></a>
				<a class="banner-txt" href="">玩家|iPod Mini积灰了，翻出来换个电池玩玩！</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original4.gif" alt="">fantasyplay</a>
					<span class="banner-code">
						<a class="comment" href="">12</a>
						<a class="zan" href="">1</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">生活记录</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original6.jpeg" alt=""></a>
				<a class="banner-txt" href="">天呐！500元的笔记本，JS居然能赚375元？！</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original5.gif" alt="">不帅请直接报警</a>
					<span class="banner-code">
						<a class="comment" href="">54</a>
						<a class="zan" href="">14</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">生活记录</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original7.jpeg" alt=""></a>
				<a class="banner-txt" href="">如何评价魔兽？即使放2小时空白画面我也要去看！</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original6.gif" alt="">Darkdotter</a>
					<span class="banner-code">
						<a class="comment" href="">8</a>
						<a class="zan" href="">3</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">生活记录</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original8.jpeg" alt=""></a>
				<a class="banner-txt" href="">让好文踏上新的征程，易迅每周优秀原创文章评选第一期</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original7.gif" alt="">小易</a>
					<span class="banner-code">
						<a class="comment" href="">15</a>
						<a class="zan" href="">6</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">话题活动</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original9.jpeg" alt=""></a>
				<a class="banner-txt" href="">华为MateBook真机图赏</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original8.gif" alt="">2501</a>
					<span class="banner-code">
						<a class="comment" href="">12</a>
						<a class="zan" href="">8</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">晒物评测</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original10.jpeg" alt=""></a>
				<a class="banner-txt" href="">这些打败国际大牌的国产手机你都没听过！</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original9.gif" alt="">仿佛</a>
					<span class="banner-code">
						<a class="comment" href="">1</a>
						<a class="zan" href="">2</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">话题活动</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original11.jpeg" alt=""></a>
				<a class="banner-txt" href="">是进军高端市场，还是搅局？——小蚁摄像机2上手体验</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original10.gif" alt="">雨香红叶</a>
					<span class="banner-code">
						<a class="comment" href="">10</a>
						<a class="zan" href="">4</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">晒物评测</p></a>
				</li>
				<li class="list-banner12"><a href=""><img src="./images/original12.jpeg" alt=""></a>
					<a class="banner12-pic" href=""><img src="" alt="">Jackey涅槃</a>
					<a class="banner12-txt" href="">狂热2B数码评测达人</a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original13.jpeg" alt=""></a>
				<a class="banner-txt" href="">5/29易迅快报：《魔兽》上映，一亿粉丝的力量</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original2.gif" alt="">小易</a>
					<span class="banner-code">
						<a class="comment" href="">1</a>
						<a class="zan" href="">1</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">晒物评测</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original14.jpeg" alt=""></a>
				<a class="banner-txt" href="">鼠标换微动失败，没想到竟然还能找到这样玩的鼠标</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original11.gif" alt="">DoubleQ</a>
					<span class="banner-code">
						<a class="comment" href="">1</a>
						<a class="zan" href="">2</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">生活记录</a></p>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original15.jpeg" alt=""></a>
				<a class="banner-txt" href="">每天带在身边，对我们健康威胁最大的东西竟然是它</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original11.gif" alt="">DoubleQ</a>
					<span class="banner-code">
						<a class="comment" href="">0</a>
						<a class="zan" href="">0</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">优惠导购</p></a>
				</li>
				<li class="list-banner"><a href=""><img src="./images/original16.jpeg" alt=""></a><a class="banner-txt" href="">悲催——显卡突然挂了，打算把750换成750ti</a>
				<p>
					<a class="banner-pic" href=""><img src="./images/original12.gif" alt="">2501</a>
					<span class="banner-code">
						<a class="comment" href="">5</a>
						<a class="zan" href="">1</a>
					</span>
				</p>
				<a href=""><p class="banner-activity">发现资讯</p></a>
				</li>
			</ul>
			<div class="mid-more">
			<a href="">更多</a>
			</div>
			<div class="mid-star">
			<a class="star-title" href="">明星达人</a>
			<div class="star-content">
				<ul class="content-list">
					<li class="list-item"><a href=""><img src="./images/star1.jpeg" alt=""></a>
					<a class="item-mark"href="">不甘橘子汁</a>
					<a class="item-txt" href="">爱动手的理科萌妹子</a>
					</li>
					<li><a href=""><img src="./images/star2.jpeg" alt=""></a>
					<a class="item-mark"href="">风之彩</a>
					<a class="item-txt" href="">一个纯粹的搞机人</a>
					</li>
					<li><a href=""><img src="./images/star3.jpeg" alt=""></a>
					<a class="item-mark"href="">LanTech</a>
					<a class="item-txt" href="">极客精神，是一种生活的态度</a>
					</li>
					<li><a href=""><img src="./images/star4.jpeg" alt=""></a>
					<a class="item-mark"href="">卡吧小学生</a>
					<a class="item-txt" href="">三修的资深数码玩家</a>
					</li>
					<p class="star-arrow1"></p>
					<p class="star-arrow2"></p>
				</ul>
			</div>
			</div>	
		</div>		
	</div>
	<!-- 主体结束 -->
	<!-- 底部开始 -->
	<div class="footer">
		<div class="footer-title">
			<div class="title-mid"></div>
		</div>
		<div class="footer-content">
			<div class="content-mid">
				<div class="mid-icon">
					<ul>
						<li class="name"><p class="icon1"></p>
							<a class="txt1" href="">正品保障</a>
							<a class="txt2" href="">全场正品，行货保障</a>
						</li>
						<li><p class="icon2"></p>
							<a class="txt1" href="">新手指南</a>
							<a class="txt2" href="">快速登录，无需注册</a>
						</li>
						<li><p class="icon3"></p>
							<a class="txt1" href="">货到付款</a>
							<a class="txt2" href="">货到付款，安心便捷</a>
						</li>
						<li><p class="icon4"></p>
							<a class="txt1" href="">维修保障</a>
							<a class="txt2" href="">服务保证，全国联保</a>
						</li>
						<li><p class="icon5"></p>
							<a class="txt1" href="">无忧退货</a>
							<a class="txt2" href="">无忧退货，7日尊享</a>
						</li>
						<li><p class="icon6"></p>						
							<a class="txt1" href="">会员权益</a>
							<a class="txt2" href="">会员升级，尊贵特权</a>
						</li>
					</ul>
				</div>
				<div class="mid-item">
					<ul>
						<li>
							<ul class="item-list">
								<p>常用服务</p>
								<li><a href="">问题咨询</a></li>
								<li><a href="">催办订单</a></li>
								<li><a href="">报修退换货</a></li>
								<li><a href="">上门安装</a></li>
							</ul>
						</li>
						<li>
							<ul class="item-list">
								<p>购物</p>
								<li><a href="">怎样购物</a></li>
								<li><a href="">积分优惠券介绍</a></li>
								<li><a href="">订单状态说明</a></li>
								<li><a href="">易迅礼品卡介绍</a></li>
							</ul>
						</li>
						<li>
							<ul class="item-list">
								<p>付款</p>
								<li><a href="">货到付款</a></li>
								<li><a href="">在线支付</a></li>
								<li><a href="">其他支付方式</a></li>
								<li><a href="">发票说明</a></li>
							</ul>
						</li>
						<li>
							<ul class="item-list">
								<p>配送</p>
								<li><a href="">配送服务说明</a></li>
								<li><a href="">价格保护</a></li>
							</ul>
						</li>
						<li>
							<ul class="item-list">
								<p>售后</p>
								<li><a href="">售后服务政策</a></li>
								<li><a href="">换会服务流程</a></li>
								<li><a href="">优质售后服务</a></li>
								<li><a href="">特色服务指南</a></li>
								<li><a href="">服务时效承诺</a></li>
							</ul>
						</li> 
					</ul>
				</div>
				<div class="mid-follow">
					<li class="follow-app">
						<p class="item1"></p>
						<span class="txt1">手机易迅</span>
						<span class="txt2">轻松易点，迅速到家</span>
						<a class="txt3" href="">
						<p class="pic1"></p>
						<p class="pic2"></p>
						</a>
					</li>
					<li class="follow-wechat">
						<p class="item2"></p>
						<span class="txt1">易迅官方微信</span>
						<span class="txt2">扫描二维码，即刻与小易亲密互动，还有劲爆优惠等你来拿！</span>
					</li>
					<li class="follow-sina">
						<p class="item3"><img src="./images/sina1.jpg" alt=""></p>
						<span class="txt4">新浪微博</span>
						<a href="">立即关注</a>
					</li>
				</div>
			</div>	
		</div>
	</div>
	<!-- 底部结束 -->
	<!-- 其他 -->
	<div class="other">
		<div class="other-mid">
			<div class="other-item">
				<ul>
					<li><a href="">易迅简介</a></li>
					<li><a href="">易迅公告</a></li>
					<li><a href="">招贤纳士</a></li>
					<li><a href="">联系我们</a></li>
					<span> 客服热线:
					<a href="">400-828-1878</a>
					<a href="">400-022-8888</a>
					</span>
				</ul>
				<div class="item-txt">
					<p class="txt">Copyright © 2006 - 2015 易迅版权所有</p>
					<a href="">沪ICP备06024200号 </a>
					<a href="">沪ICP证B2-20130044号</a>
					<span>
						<a class="item-xia" href=""></a>
						<a class="item-shang" href="">沪公网安备 31010402000129号</a></span>
				</div>
				<div class="item-pic">
					<a href=""></a>
					<a class="pic-right" href=""></a>
				</div>	
			</div>
		</div>
	</div>
	<div class="code"></div>
	<div class="box-up"></div>
	<div class="box-down">
		<ul>
			<li class="down-up"></li>
			<li class="down-mid">
				<p class="mid1"></p>
				<span>购物车</span>
				<p>0</p>
			</li>
			<li class="down-xia">
				<p class="xia1"></p>
				<p class="xia2"></p>
			</li>
		</ul>
	</div>
	<div class="down-last">
		<p class="last1"></p>
		<p class="last2"></p>
		<p class="arrow"></p>
	</div>
</body>
</html>